<template>
    <div class="w-360px h-24px mt-140px flex justify-center items-center gap-24px">
        <div v-for="(v, i) in footer" :key="i" @click="onClickFooter(v)" class="cursor-pointer">
            <el-image class="w-24px" :src="v.icon" fit="fill" />
        </div>
    </div>
</template>

<script setup>
const footer = [
    {
        icon: '/images/instagram.svg',
        url: ''
    },
    {
        icon: '/images/github.svg',
        url: ''
    },
    {
        icon: '/images/telegram.svg',
        url: ''
    },
    {
        icon: '/images/twitter.svg',
        url: ''
    },
    {
        icon: '/images/fb.svg',
        url: ''
    },
    {
        icon: '/images/vector.svg',
        url: ''
    },
    {
        icon: '/images/linkedin.svg',
        url: ''
    },
    {
        icon: '/images/whatsapp.svg',
        url: ''
    }
]

const onClickFooter = () => {}
</script>
